import { useRef } from "react";
import React from "react";
import "@/components/registerNodes";
import { Card, Steps } from "antd";

export default (props) => {
  console.log(props)
  const path = props.path;

  return (
    <Card
      size="small"
      title="Path"
      style={{ height: "100%", overflow: "hidden" }}
    >
      <Steps
        direction="vertical"
        current={0}
        size="small"
        items={path.map(hop => ({
          title: hop,
          status: 'process',
        }))}
      />
    </Card>
  );
};
